<template>
  <div>
    <c-title :hide="false" :text="'门店二维码'">
    </c-title>
    <div class="content">
      <div class="qr_img">
        <img :src="qr_code" alt="二维码">
      </div>
      <div>扫描门店二维码，跳转至门店页面</div>
    </div>
  </div>
</template>

<script>
import qr_code_controller from "./qr_code_controller";

export default qr_code_controller;
</script>

<style lang="scss" rel="stylesheet/scss" scoped>
  .content {
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1.2rem;
    margin: 0.8rem;
    border-radius: 16px;
    .qr_img {
      width: 17rem;
      height: 17rem;
      overflow: hidden;

      img {
        width: 100%;
      }
    }

    div {
      font-size: 0.85rem;
      font-weight: 400;
      color: #999999;
    }
  }
</style>